$(function() {
	var slideOpt = {
		'cur': 1,
		'aWidth': $('#slide').width() / 7,
		'slide': null,
		'interval': 3000,
		'move': function(target) {
			//移动动画
			var shift = - target * slideOpt.aWidth;
			clearTimeout(slideOpt.slide);
			$('#slide').animate({left: shift}, 1000, function() {
				slideOpt.slide = setTimeout(slideOpt.aMove, slideOpt.interval);
				//如果到了最后一张图，还原
				if (target == 6) {
					$('#slide')[0].style.left = -slideOpt.aWidth + 'px';
					slideOpt.cur = 1;
				} else if (target === 0) {
					$('#slide')[0].style.left = - slideOpt.aWidth * 5 + 'px';
					slideOpt.cur = 5;
				} else {
					slideOpt.cur = target;
				}
				//状态随之改变
				$('.id-num').each(function(index, el) {
					slideOpt.cur == index + 1 ? $(el).addClass('id-cur') : $(el).removeClass('id-cur');
				});
			});
		},
		'aMove': function() {
			slideOpt.move(slideOpt.cur + 1);
		},
		'init': function() {
			slideOpt.slide = setTimeout(slideOpt.aMove, slideOpt.interval);
		}
	};

	$('.slidebar').on('click', '.id-num', function(event) {
		var target = parseInt($(this).find('.id-page').text());
		slideOpt.move(target);
	});

	$('.id-dir').on('click', 'span', function(event) {
		if ($(this).hasClass('id-prev')) {
			slideOpt.move(slideOpt.cur - 1);
		} else {
			slideOpt.move(slideOpt.cur + 1);
		}
	});
	slideOpt.init();
});